<script setup name="myFooter">
import { ref } from 'vue';

</script>

<template>
  <ul class="ul-box">
    <li>
      <a href="javascript:;">关于我们</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">帮助中心</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">售后服务</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">配送与验收</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">商务合作</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">搜索推荐</a>
    </li>
    <li>|</li>
    <li>
      <a href="javascript:;">友情链接</a>
    </li>
  </ul>
  <div class="logo-name">
    Copyright @小兔仙儿
  </div>
</template>

<style scope lang="scss">
.ul-box {
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin-top: 50px;

  li {
    list-style-type: none;
    margin-right: 10px;
    font-size: 12px;
    color: #9a9999;

    a{
      text-decoration: none;
      color: #9a9999;
    }
  }
}
.logo-name {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #9a9999;
}

</style>
